<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>英雄介绍——王者荣耀情报系统</title>
    <link rel="shortcut icon" href="#" />
    <link type="text/css" rel="stylesheet" href="./css/hero.css">
    <script type="text/javascript" src="./jquery/jquery3.5.js"></script>
    <script type="text/javascript" src="./js/hero.js"></script>
</head>

<body>
    <div id="header" class="header tganime-header-fix">
        <div class="header-nav">
            <div class="header-inner">
                <h1><img class="logo pa" src="./img/logo.png"></h1>
                <ul class="main-nav clearfix">
                    <li>
                        <a href="#" target="_blank" title="游戏资料">游戏资料
                            <em>GAMEDATA</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" title="官方资讯">官方资讯
                            <em>INFORMATION</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" title="内容中心">内容中心
                            <em>CONTENTS</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" title="社区活动">社区活动
                            <em>CONTENTS</em>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 二级导航 -->
            <div id="J_subNav" class="sub-nav">
                <ul class="sub-nav-inner">
                    <li class="down-nav">
                        <a href="introduce.html" target="_blank" title="游戏介绍">游戏介绍</a>
                        <a href="hero.html" target="_blank" title="英雄介绍">英雄介绍</a>
                    </li>
                    <li class="down-nav">
                        <a href="#" target="_blank" title="官方公告">官方公告</a>
                        <a href="#" target="_blank" title="体验服公告">体验服公告</a>
                    </li>
                    <li class="down-nav">
                        <a href="#" target="_blank" title="英雄攻略">英雄攻略</a>
                        <a href="videoAttack.html" target="_blank" title="视频中心">视频中心</a>
                        <a href="/kings/toLogin.do" target="_blank" title="作者入驻">作者入驻</a>
                    </li>
                    <li class="down-nav">
                        <a id="wq" href="javascript:void(0)"  title="微信圈子">微信圈子</a>
                        <a id="wx" href="javascript:void(0)"  title="微信公众号">微信公众号</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 背景图片 -->
    <div class="wrapper">
        <div class="zkcontent" >
            <div class="zk-con-box">
                <div class="zk-con1 zk-con">
                    <div class="con1-pos">
                        <i class="tb1 icon f1"></i>
                        <a href="/kings/" target="_blank" title="王者荣耀情报首页">王者荣耀情报首页</a>
                        <span>></span>
                        <label>英雄介绍</label>
                    </div>
                    <h1 class="herolist-title">英雄介绍</h1>
                    <ul class="herolist-nav">
                        <li class="current">
                            <a href="hero.html" target="_blank">英雄</a>
                        </li>
                        <li>
                            <a href="item.html" target="_blank">局内道具</a>
                        </li>
                        <li>
                            <a href="skill.html" target="_blank">召唤师技能</a>
                        </li>
                    </ul>
                </div>
                <div class="herolist-box">
                    <div class="clearfix herolist-types">
                        <ul class="types-left">
                            <li>综合</li>
                            <li>定位</li>
                        </ul>
                        <ul class="clearfix types-ms">
                            <li data-ptype="12">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>本周免费</label>
                            </li>
                            <li data-ptype="11">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>新手推荐</label>
                            </li>
                        </ul>
                        <ul class="clearfix types-ms">
                            <li class="current" data-ptype="10">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>全部</label>
                            </li>
                            <li data-ptype="3">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>坦克</label>
                            </li>
                            <li data-ptype="1">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>战士</label>
                            </li>
                            <li data-ptype="4">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>刺客</label>
                            </li>
                            <li data-ptype="2">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>法师</label>
                            </li>
                            <li data-ptype="5">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>射手</label>
                            </li>
                            <li data-ptype="6">
                                <span class="ms-radio">
                                    <i class="i"></i>
                                </span>
                                <label>辅助</label>
                            </li>
                        </ul>
                        <div class="herosearch">
                            <input type="text" id="search" name="search" class="herosearch-input" value="请输入您想要搜索的英雄名">
                            <a href="javascript:void(0);" class="herosearch-icon" title="点击搜索" id="searchBtn"></a>
                        </div>
                        <div class="herolist-content">
                            <p id="JErroTips" style="display:none;">输入英雄不存在，请重新输入</p>
                            <ul class="herolist clearfix">

                            </ul>
                        </div>
                    </div>
                    <div class="herolist-content">
                        <ul class="herolist clearfix">

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header-dialog">
        <div class="weiquan pr" id="weiquan"
             style="display: none;visibility: visible;position: fixed;z-index: 9999;left: 50%;top: 50%;margin-top: -148.5px;margin-left: -153px;"
             data-milodialog="1" role="dialog" tabindex="-1">
            <div class="dia-weiquan">
                <a class="dia-close" href="javascript:void(0);" title="关闭"></a>
            </div>
        </div>
        <div class="weixin pr" id="weixin"
             style="display: none;visibility: visible;position: fixed;z-index: 9999;left: 50%;top: 50%;margin-top: -148.5px;margin-left: -153px;"
             data-milodialog="1" role="dialog" tabindex="-1">
            <div class="dia-weiquan">
                <a class="dia-close" href="javascript:void(0);" title="关闭"></a>
            </div>
        </div>
    </div>
    <div id="_overlay_"
         style="background-color: rgb(0, 0, 0); border-top: 1px solid rgb(230, 245, 255); position: absolute; height: 2577px; z-index: 9998; width: 100%; left: 0px; top: 0px; opacity: 0.7; display: none;"></div>
    <div>
        <div id="gfooter" class="footer-wrap">
            <div class="foot">
                <div class="foot_cpright">
                    <div class="foot_lefts">
                        <img src="./img/logo.png" id="foot_img">
                    </div>
                </div>
                <div class="foot_bottom">
                    @Produced by <b>软件工程三班IIB聂涛</b> All Rights Reserved<br>
                    @Designed by <b>软件工程三班IIB聂涛</b> Glory of King System
                </div>
            </div>
        </div>
    </div>

</body>

</html>